<template>
  <div class="line-box">
    <div class="menu-box"><sandstorm routePath="/sandstorm/detail" /></div>
    <section class="router-container product-list">
      <router-view />
    </section>
  </div>
</template>

<script setup lang="ts">
  import Sandstorm from './sandstorm.vue';
</script>

<style lang="less" scoped>
  .line-box {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%;
  }

  .menu-box {
    width: 366px;
    flex-shrink: 0;
  }

  .product-list {
    flex: 1;
    overflow-x: hidden;
  }
</style>
